<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">

<h:head>
	<title>K19 Treinamentos</title>
	<meta charset="UTF-8"></meta>
	<link rel="stylesheet"
		href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"></link>
	<script
		src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
</h:head>

<h:body>
	<h:form>
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<div class="well">
						<h2>Sistema de Geração de números Aleatórios</h2>
					</div>
				</div>
			</div>


			<div class="row">
				<div class="col-md-3">
					<fieldset>
						<legend> Caixa de Controle: </legend>
					</fieldset>
				</div>

				<div class="col-md-9">
					<fieldset>
						<legend> Dados para Acesso </legend>

						<div class="form-group">
							<h:outputLabel value="Número Máximo: " />
							<h:inputText class="form-control"
								value="#{numeroAleatorioBean.maximo}"></h:inputText>
						</div>

						<div class="col-md-3">
							<div class="form-group">
								<h:commandButton class="form-control btn btn-primary"
									value="Gera Num Aleatório"
									action="#{numeroAleatorioBean.geraNumeroAleatorio}"></h:commandButton>
							</div>
						</div>
						<div class="col-md-9">
						</div>

					</fieldset>

				</div>
			</div>

			<div class="row">
				<div class="well">Todos os direitos reservados...</div>
			</div>
		</div>

	</h:form>
</h:body>

</html>